﻿@import url("lib/nivo-slider.min.css");

#Main
{
    width: 790px;
    float: right;
}
#Main .hide
{
    display: none;
}
#Main #Service
{
    width: 770px;
    height: 100px;
    background: #D3D3D3 url("/images_gray/main/services_bg1.jpg") no-repeat right center;
    padding: 5px;
    margin: 0 5px 10px 0;
}
#Main #Service ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#Main #Service li
{
    display: inline;
}
#Main #Service a
{
    width: 120px;
    height: 30px;
    text-align: center;
    float: left;
    padding: 55px 8px 5px 8px;
    margin: 5px 5px 5px 5px;
    border: 1px solid #FFFFFF;
}
#Main #Service #BookingIcon a
{
    color: #696969;
    background: #EEEEEE url("/images_gray/main/services_icon1.png") no-repeat center 5px;
}
#Main #Service #RentalIcon a
{
    color: #696969;
    background: #EEEEEE url("/images_gray/main/services_icon2.png") no-repeat center 5px;
}
#Main #Service #RegisterIcon a
{
    color: #696969;
    background: #EEEEEE url("/images_gray/main/services_icon3.png") no-repeat center 5px;
}
#Main #Service #PostcardIcon a
{
    color: #696969;
    background: #EEEEEE url("/images_gray/main/services_icon4.png") no-repeat center 5px;
}
#Main #Service a:hover
{
    text-decoration: none;
    border: 1px solid #696969;
}
#Main #Banner
{
    position: relative;
    width: 780px;
    height: 150px;
    background: url("/images/icon/ajax-loader1.gif") no-repeat 50% 50%;
    overflow: hidden;
    z-index: 0;
    margin-bottom: 10px;
}
#Main #Banner img
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 780px;
}

#News, #Activities
{
    width: 49%;
    background: url("/images_gray/background/369.jpg");
    padding: 5px 0;
    margin: 0 0 10px 0;
    border-right: 4px solid #EEEEEE;
    border-bottom: 4px solid #EEEEEE;
}
#News
{
    float: left;
}
#Activities
{
    float: right;
}
#News h1, #Activities h1
{
    color: #696969;
    font-size: 140%;
    padding: 10px 10px 10px 50px;
    margin: 0;
}
#News h1
{
    background: url("/images_gray/icon/centroid_b.png") no-repeat 10px center;
}
#Activities h1
{
    background: url("/images_gray/icon/drugs_com_b.png") no-repeat 10px center;
}
#News ul, #Activities ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#News a, #Activities a
{
    color: #696969;
}
#News a:hover, #Activities a:hover
{
    color: #696969;
}
#News li.first, #Activities li.first
{
    font-size: 120%;
    padding: 30px 5px 50px 190px;
    margin: 0 0 10px 0;
}
#News li.general, #Activities li.general
{
    background: url("/images/icon/j5.gif") no-repeat 15px 13px;
    padding: 10px 5px 10px 40px;
    border-bottom: 1px solid #D3D3D3;
}
#News li.first /* First News Image */
{
    background: #A9A9A9 url("/images_gray/news/20110328_s.jpg") no-repeat left center;
}
#Activities li.first /* First Activity Image */
{
    background: #A9A9A9 url("/images_gray/activities/2011carddesign/poster_s.jpg") no-repeat left top;
}
#News .highlight
{
    background: url("/images_gray/icon/star_1.png") no-repeat center center;
    padding: 0 10px;
    margin: 0;
}
#News p, #Activities p
{
    text-align: right;
    padding-right: 5px;
}
#Main #Notice
{
    display: none;
    width: 49%;
    background-color: #E6E6FA;
    float: right;
    padding: 0;
    margin: 0 0 10px 0;
    border-right: 2px solid #EEEEEE;
    border-bottom: 2px solid #EEEEEE;
}
#Main #Notice ul
{
    color: #696969;
    list-style: none;
    padding: 5px;
    margin: 0;
}
#Main #Notice li
{
    background: url("/images/icon/tag3.gif") no-repeat 5px top;
    padding: 0 0 0 25px;
    margin: 5px 0;
}
.spacer
{
    clear: both;
}